<template>
    <div
        class="midlePage"
        v-loading="!iframeFlag"
        element-loading-background="rgba(255, 255, 255, 0.7)"
    >
        <iframe id="submitIframe" name="submitIframe" src="about:blank" style="display: none"></iframe>
    </div>
</template>

<script>
import { getDictSelectList } from '@/utils/Common';
import request from '@/apis/request';
import { getToken } from '@/utils/auth';

export default {
    name: 'midlePage',
    data() {
        return {
            iframeFlag: false,
            iframeSrc: '',
        };
    },

    mounted() {
        console.log('mmm');
        this.setPageValue();
    },

    methods: {
        // 设置页面字段
        async setPageValue() {
            const userInfo = JSON.parse(getToken());
            const params = JSON.parse(sessionStorage.getItem('serviceData'));

            const iframeSrc = '/ccwf/com.cupd.crs.model.submit.d?WFTYPECODE=2002';
            // let iframeSrc ='http://10.152.5.72:8080/ccwf/com.cupd.crs.model.submit.d?WFTYPECODE=2002'

            // // 创建一个表单
            const form = document.createElement('form');
            form.action = iframeSrc;
            form.method = 'post';
            form.enctype = 'GBK'
            form.style.display = 'none';
            const data = {
                USERID: userInfo.userAccount, // 受理坐席
                BANKACCT: params.bankNum, // 银行号
                // BANKACCT: "6440", // 银行号
                CUSTNAME: params.custName || '', // 客户名称
                CREDITNO: params.cardNo || '', // 卡号
                WSTYPECODE: '2002', // 工单类型
                // WSTYPECODE: '1001', // 工单类型
                CUSTTELIN: params.phone || '', // 客户来电
                CUSTSEX: '', // 客户性别
                CUSTCERTTYPE: params.certificateType || '', // 证件类型
                CUSTCERTNO: params.certificate || '', // 证件号码
                MOBILE: '', // 预留手机号
                CALLID: params.callId || '', // 座席系统CallID
                EMAIL: '', // 客户邮箱
                BILLADDR: '', // 账单地址
                POSTCODE: '', // 客户有邮编
                PRODUCT: '', // 卡组织
                TRANSLIST: '', // 普通类型与争议类型不同，格式不固定
                TRANSDESC: '', // 交易描述（中文）、产品描述（中文）
                CARDSTATE: '', // 卡片状态
                CHGDATE: '', // 状态更改日期 例：20150909
                CUSTRREF: '', // 客户编号
                INPUTDATE: '', // 录入日期：20150909
                AUDITDATE: '', // 审核日期：20150909
                BARCODE: '', // 条形码
                CASECODE: '', // 原因代码
                MAINTAG: '', // 主附卡标志
                APPLYSTATE: '', // 申请状态
                CREATEDATE: '', // 制卡日期：20150909
                AMOUNT: '', // 额度，例如：当前额度
                APPAMOUNT: '', // 申请额度
                CONTRACT: '', // 16位合同号 汇丰等同 借据号
                UUID: '', // 客户号
                // EXT2: '', //富邦华一 客户分层标识2
                // PERADDRESS: '', //渤海户籍地址
                // EXT7: '', //汇丰授权币种
                // EXT8: '', //汇丰授权金额
            };
            for (const key in data) {
                const input = document.createElement('input');
                input.name = key;
                input.style.display = 'none';
                input.value = data[key];
                form.appendChild(input);
            }
            document.body.appendChild(form);
            form.submit();
            document.body.removeChild(form);
            // sessionStorage.setItem('loadNum', '0');
            // console.log(window.location, '2222222222222');
        },
    },
};
</script>
